<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax</title>
    <style>
        li {
            float:left;
            list-style: none;
            padding:0 1em;
        }
    </style>
</head>
<body>
    <ul id="nav">

    </ul>
</body>
<script>
    var baseUrl = 'http://47.93.206.13:8002'
    // //ajax的使用
    // //1.实例化对象XMLHttpRequest
    // var xhr = new XMLHttpRequest()
    // //2.与服务器建立连接(设置请求行：请求方式、请求路径)
    // xhr.open('get',baseUrl+'/index/findAllCategory')
    // //3.设置请求头
    // // xhr.setRequestHeader()
    // //4.发送请求(get:不写东西，post：data)
    // // var obj = {name:'admin1',password:'123321'}
    // xhr.send()
    // //5.获取数据(监听)
    // xhr.onreadystatechange = function() {
    //     if(this.readyState === 4 && this.status === 200) {
    //         //将JSON字符串反序列化为对象
    //         // console.log(JSON.parse(this.response))
    //         var response = JSON.parse(this.response)

    //         response.data.forEach(function(item) {
    //             var newLi = document.createElement("li")
    //             newLi.innerText = item.name
    //             nav.appendChild(newLi)
    //         })
    //     }
    // }

    // var nav = document.getElementById('nav')

    //get请求的封装
    var $ = {
        get:function(url,callback){
            //1.实例化对象
            var xhr = new XMLHttpRequest();
            //2.链接服务器（设置请求行）
            xhr.open('get',url)
            //3.设置请求头
            // xhr.setRequestHeader('Content-Type', 'application/json');
            //4.发送请求
            xhr.send();
            //5.获取数据
            xhr.onreadystatechange = function() {
                if(this.readyState === 4 && this.status === 200){
                    var res = JSON.parse(this.response)

                    callback.call(this,res)
                }
            }
        }
    }

    $.get('http://47.93.206.13:8002/index/findAllCategory',function(res){
        console.log(res,'--------')
    })

    用

    造

</script>
</html>